<template>
  <layout>

  <h1 class="title">项目管理</h1>
  <el-button type="primary">新增项目</el-button>

  <el-table :data="tableData" class="table" border style="width : 600px">
    <el-table-column
      prop="num"
      label="项目编号"
      width="180">
    </el-table-column>

    <el-table-column
      prop="name"
      label="项目名称"
      width="300">
    </el-table-column>
    
    <el-table-column label="操作" fixed="right" width="120">
      <template scope="scope">
        <el-button @click="" type="text">编辑</el-button>
        <el-button type="text">删除</el-button>
      </template>
    </el-table-column>

  </el-table>

  </layout>
</template>

<script>
import Layout from './layout.vue'

export default {
  data () {
    return {
        tableData :[
        	{
        		num : '3',
        		name : '教改'
        	},
        	{
        		num : '2',
        		name : '教改'
        	},
        	{
        		num : '1',
        		name : '教改'
        	},
        ],
    };
  },
  components: {
      Layout
  },
  method: {
       
  },

}
</script>

<style scoped>
.title{
	margin-bottom: 30px;
	border-bottom:1px solid #E5E9F2;
}
.table{
	margin-top: 30px;
}
</style>